<!doctype html>
<html lang="zh"><head><meta charset="utf-8"><meta name="generator" content="Hexo 4.2.0"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><meta><meta name="keywords" content="[object Object]"><meta name="description" content="问题一： 

背景：做一个新闻页面，每一条新闻点进去进入新闻详情的时候，之前是点进去之后再次请求服务器数据，这样就请求了两次，对访问速度也有影响，也浪费资源。
问题：怎么才能直接把每条新闻获取的数据在点击之后直接传到新闻详情页
解决：
试过使用中央事件总线bus来在两个组件之间传递数据，但是测试的时候，只能在控制台看见数据，不能传给接收组件自己的变量。或者说是我的使用方式不正确。效果不佳，舍弃。
搜索一番发现，可以使用$router来传值，很方便.



点击阅读更多查看使用方法"><meta name="author" content="uncledwyane"><title>记录在使用webpack做的项目过程中遇到的问题及解决办法和总结 - Wb&#039;s blog</title><meta description="问题一：   背景：做一个新闻页面，每一条新闻点进去进入新闻详情的时候，之前是点进去之后再次请求服务器数据，这样就请求了两次，对访问速度也有影响，也浪费资源。 问题：怎么才能直接把每条新闻获取的数据在点击之后直接传到新闻详情页 解决： 试过使用中央事件总线bus来在两个组件之间传递数据，但是测试的时候，只能在控制台看见数据，不能传给接收组件自己的变量。或者说是我的使用方式不正确。效果不佳，舍弃。"><meta property="og:type" content="article"><meta property="og:title" content="记录在使用webpack做的项目过程中遇到的问题及解决办法和总结"><meta property="og:url" content="https://hywb.xyz/2020/04/17/my-project-note/"><meta property="og:site_name" content="Wb&#039;s blog"><meta property="og:description" content="问题一：   背景：做一个新闻页面，每一条新闻点进去进入新闻详情的时候，之前是点进去之后再次请求服务器数据，这样就请求了两次，对访问速度也有影响，也浪费资源。 问题：怎么才能直接把每条新闻获取的数据在点击之后直接传到新闻详情页 解决： 试过使用中央事件总线bus来在两个组件之间传递数据，但是测试的时候，只能在控制台看见数据，不能传给接收组件自己的变量。或者说是我的使用方式不正确。效果不佳，舍弃。"><meta property="og:locale" content="zh_CN"><meta property="og:image" content="https://cdn.jsdelivr.net/gh/uncledwyane/imageBed/img/avatar.png"><meta property="article:published_time" content="2020-04-17T04:40:00.000Z"><meta property="article:modified_time" content="2020-04-17T07:00:23.176Z"><meta property="article:author" content="uncledwyane"><meta property="article:tag" content="Vue"><meta property="twitter:card" content="summary"><meta property="twitter:image" content="https://cdn.jsdelivr.net/gh/uncledwyane/imageBed/img/avatar.png"><script type="application/ld+json">{"@context":"https://schema.org","@type":"BlogPosting","mainEntityOfPage":{"@type":"WebPage","@id":"https://hywb.xyz/2020/04/17/my-project-note/"},"headline":"记录在使用webpack做的项目过程中遇到的问题及解决办法和总结","image":["http://localhost:4000/img/avatar.png"],"datePublished":"2020-04-17T04:40:00.000Z","dateModified":"2020-04-17T07:00:23.176Z","author":{"@type":"Person","name":"uncledwyane"},"description":"问题一：   背景：做一个新闻页面，每一条新闻点进去进入新闻详情的时候，之前是点进去之后再次请求服务器数据，这样就请求了两次，对访问速度也有影响，也浪费资源。 问题：怎么才能直接把每条新闻获取的数据在点击之后直接传到新闻详情页 解决： 试过使用中央事件总线bus来在两个组件之间传递数据，但是测试的时候，只能在控制台看见数据，不能传给接收组件自己的变量。或者说是我的使用方式不正确。效果不佳，舍弃。"}</script><link rel="icon" href="https://cdn.jsdelivr.net/gh/uncledwyane/imageBed/img/logo.png"><link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/font-awesome/5.12.0/css/all.min.css"><link rel="stylesheet" href="https://fonts.loli.net/css?family=Ubuntu:400,600|Source+Code+Pro|Monda:300,300italic,400,400italic,700,700italic|Roboto Slab:300,300italic,400,400italic,700,700italic|Microsoft YaHei:300,300italic,400,400italic,700,700italic|PT Mono:300,300italic,400,400italic,700,700italic&amp;amp;subset=latin,latin-ext|Inconsolata|Itim|Lobster.css"><link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/highlight.js/9.12.0/styles/atom-one-dark.min.css"><style>body>.footer,body>.navbar,body>.section{opacity:0}</style><!--!--><!--!--><link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/lightgallery/1.6.12/css/lightgallery.min.css"><link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/justifiedGallery/3.7.0/css/justifiedGallery.min.css"><!--!--><!--!--><script src="https://cdnjs.loli.net/ajax/libs/pace/1.0.2/pace.min.js"></script><link rel="stylesheet" href="/css/style.css"><script src="https://cdnjs.loli.net/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script src="/js/globalUtils.js"></script><script async="" referrerpolicy="no-referrer" src="//cdn.jsdelivr.net/npm/leancloud-storage@3/dist/av-min.js"></script><script src="//unpkg.com/valine/dist/Valine.min.js"></script><script src="/js/md5.min.js"></script></head><body class="is-3-column has-navbar-fixed-top"><nav class="navbar navbar-main is-fixed-top"><div class="container"><div class="navbar-brand justify-content-center"><a class="navbar-item navbar-logo" href="/"><img src="https://cdn.jsdelivr.net/gh/uncledwyane/imageBed/img/logo.png" alt="Wb&#039;s blog" height="28"></a></div><div class="navbar-menu"><div class="navbar-start"><a class="navbar-item" href="/">首页</a><a class="navbar-item" href="/archives">归档</a><a class="navbar-item" href="/categories">分类</a><a class="navbar-item" href="/tags">标签</a><a class="navbar-item" href="/about">关于</a></div><div class="navbar-end"><a class="navbar-item" target="_blank" rel="noopener" title="Download on GitHub" href="https://github.com/uncledwyane"><i class="fab fa-github"></i></a><a class="navbar-item search" title="搜索" href="javascript:;"><i class="fas fa-search"></i></a><a class="navbar-item" id="night-nav" title="Night Mode" href="javascript:;"><i class="fas fa-moon" id="night-icon"></i></a></div></div></div></nav><script type="text/javascript" src="/js/theme-setting.js"></script><section class="section"><div class="container"><div class="columns"><div class="column order-2 column-main is-8-tablet is-8-desktop is-9-widescreen"><div class="card"><article class="card-content article" role="article"><div class="article-meta size-small is-uppercase level is-mobile"><div class="level-left"><i class="far fa-calendar-plus"> </i>2020-04-17  <a class="commentCountImg" href="/2020/04/17/my-project-note/#comment-container"><span class="display-none-class">/2020/04/17/my-project-note/</span><i class="far fa-comment-dots"></i> <span class="commentCount" id="b683867f6d1174c381fe8edd0994fed7">99+</span>  </a><span class="level-item"><i class="far fa-clock"> </i>3 分钟  <i class="fas fa-pencil-alt"> </i>0.4 k</span></div></div><h1 class="title is-3 is-size-4-mobile">记录在使用webpack做的项目过程中遇到的问题及解决办法和总结</h1><div class="content"><p>问题一： </p>
<ul>
<li>背景：做一个新闻页面，每一条新闻点进去进入新闻详情的时候，之前是点进去之后再次请求服务器数据，这样就请求了两次，对访问速度也有影响，也浪费资源。</li>
<li>问题：怎么才能直接把每条新闻获取的数据在点击之后直接传到新闻详情页</li>
<li>解决：<ul>
<li>试过使用中央事件总线bus来在两个组件之间传递数据，但是测试的时候，只能在控制台看见数据，不能传给接收组件自己的变量。或者说是我的使用方式不正确。效果不佳，舍弃。</li>
<li>搜索一番发现，可以使用<code>$router</code>来传值，很方便.</li>
</ul>
</li>
</ul>
<p>点击<code>阅读更多</code>查看使用方法</p>
<a id="more"></a>

<p>下面是使用方法:<br>要发送数据的组件：</p>
<figure class="highlight javascript"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br></pre></td><td class="code"><pre><span class="line">data()&#123;</span><br><span class="line">   	<span class="keyword">return</span>: &#123;</span><br><span class="line">       	data: <span class="string">'Hello'</span></span><br><span class="line">       &#125;</span><br><span class="line">   &#125;,</span><br><span class="line">   methods: &#123;</span><br><span class="line">   	sendData()&#123;</span><br><span class="line">       	<span class="keyword">this</span>.$router.push(&#123;</span><br><span class="line">               path: <span class="string">'/home'</span>,</span><br><span class="line">               query: &#123;</span><br><span class="line">                   data: <span class="keyword">this</span>.data</span><br><span class="line">               &#125;</span><br><span class="line">		&#125;)</span><br><span class="line">       &#125;</span><br><span class="line">   &#125;</span><br></pre></td></tr></table></figure>
<p>要接收数据的组件：</p>
<figure class="highlight javascript"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br></pre></td><td class="code"><pre><span class="line">data()&#123;</span><br><span class="line">   	<span class="keyword">return</span>: &#123;</span><br><span class="line">       	mydata: <span class="string">''</span></span><br><span class="line">       &#125;</span><br><span class="line">   &#125;</span><br><span class="line">methods: &#123;</span><br><span class="line">   	getData()&#123;</span><br><span class="line">       	<span class="keyword">this</span>.mydata = <span class="keyword">this</span>.$route.query.data</span><br><span class="line">       &#125;</span><br><span class="line">   &#125;</span><br></pre></td></tr></table></figure>
<p>问题二:</p>
<ul>
<li>如何在手机上调试项目</li>
<li>背景：局域网ip为192.168.101.8<ul>
<li>保证电脑和手机在同一局域网下（连接同一wifi）</li>
<li>在<code>package.json</code>中的启动参数中添加<code>--host 192.168.101.8</code></li>
<li>手机访问这个ip地址+端口号+项目首地址</li>
<li>例如：原本项目地址为：<code>localhost:8080/#/home</code></li>
<li>配置后：<code>192.168.101.8:8080/#/home</code></li>
<li>手机访问这个地址即可</li>
</ul>
</li>
</ul>
</div><ul class="post-copyright"><li><strong>本文标题：</strong><a href="https://hywb.xyz/2020/04/17/my-project-note/">记录在使用webpack做的项目过程中遇到的问题及解决办法和总结</a></li><li><strong>本文作者：</strong><a href="https://hywb.xyz"></a></li><li><strong>本文链接：</strong><a href="https://hywb.xyz/2020/04/17/my-project-note/">https://hywb.xyz/2020/04/17/my-project-note/</a></li><li><strong>版权声明：</strong><span>本博客所有文章除特别声明外，均采用 <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" rel="external nofollow" target="_blank">CC BY-NC-SA 4.0</a> 许可协议。转载请注明出处！</span></li></ul><div><div class="recommend-post"><span class="is-size-6 has-text-grey has-mr-7"># 相关文章</span><br><span>  1.<a class="is-size-6" href="/2020/05/25/note-callback/" target="_blank">对回调函数的一点理解</a><br></span><span>  2.<a class="is-size-6" href="/2020/04/13/solution-404/" target="_blank">配置了跨域，但是请求还是显示404的解决办法</a><br></span></div></div><!--!--></article></div><div class="card"><div class="card-content"><h3 class="menu-label has-text-centered">喜欢这篇文章？打赏一下作者吧</h3><div class="buttons is-centered"><a class="button is-info donate"><span class="icon is-small"><i class="fab fa-alipay"></i></span><span>支付宝</span><span class="qrcode"><img src="/images/alipay.jpg" alt="支付宝"></span></a><a class="button is-success donate"><span class="icon is-small"><i class="fab fa-weixin"></i></span><span>微信</span><span class="qrcode"><img src="/images/wechatpay.jpg" alt="微信"></span></a></div></div></div><nav class="post-navigation mt-4 level is-mobile"><div class="level-start"><a class="article-nav-prev level level-item link-muted" href="/2020/04/25/myfirstpractice/"><i class="level-item fas fa-chevron-left"></i><span class="level-item">我的第一个项目下线啦</span></a></div><div class="level-end"><a class="article-nav-next level level-item link-muted" href="/2020/04/13/solution-404/"><span class="level-item">配置了跨域，但是请求还是显示404的解决办法</span><i class="level-item fas fa-chevron-right"></i></a></div></nav><div class="card"><div class="card-content"><div class="title is-5">评论</div><div class="content" id="comment-container"></div><script>var valine = new Valine({
            el: '#comment-container' ,
            notify: false,
            verify: false,
            appId: 'jEO65FCCVCAiARdU3RxjtOCJ-gzGzoHsz',
            appKey: '1N2c9aedff0KFRrS6cJL6IHK',
            placeholder: '要不，咱说点啥........',
            avatar: 'mp',
            avatarForce: false,
            meta: ["nick","mail","link"],
            pageSize: 10,
            visitor: false,
            highlight: true,
            recordIP: false,
            path:'/2020/04/17/my-project-note/',
            lang:'zh-CN',
            enableQQ:true,
            requiredFields:["nick","mail","link"]
        });</script></div></div></div><div class="column column-left is-4-tablet is-4-desktop is-4-widescreen  order-1 is-sticky"><!--!--><div class="card widget"><div class="card-content"><nav class="level"><div class="level-item has-text-centered flex-shrink-1"><div><figure class="image is-128x128 mx-auto mb-2"><img class="" src="/img/avatar.png" alt="Bo(...)"></figure><p class="title is-size-4 is-block line-height-inherit">Bo(...)</p><p class="is-size-6 is-block">此后如竟没有炬火，你便是我唯一的光...</p><p class="is-size-6 is-flex justify-content-center"><i class="fas fa-map-marker-alt mr-1"></i><span>重庆 南岸</span></p></div></div></nav><nav class="level is-mobile"><div class="level-item has-text-centered is-marginless"><div><p class="heading">文章</p><a href="/archives"><p class="title">52</p></a></div></div><div class="level-item has-text-centered is-marginless"><div><p class="heading">分类</p><a href="/categories"><p class="title">12</p></a></div></div><div class="level-item has-text-centered is-marginless"><div><p class="heading">标签</p><a href="/tags"><p class="title">20</p></a></div></div></nav><div class="level"><a class="level-item button is-primary is-rounded" href="https://weibo.com/5539423521/profile" target="_blank" rel="noopener">关注我</a></div><div class="level is-mobile"><a class="level-item button is-transparent is-white is-marginless" target="_blank" rel="noopener" title="Github" href="https://github.com/uncledwyane"><i class="fab fa-github"></i></a><a class="level-item button is-transparent is-white is-marginless" target="_blank" rel="noopener" title="Twitter" href="https://twitter.com/imwangbo"><i class="fab fa-twitter"></i></a><a class="level-item button is-transparent is-white is-marginless" target="_blank" rel="noopener" title="Sina" href="https://weibo.com/5539423521/profile"><i class="fab fa-weibo"></i></a></div></div></div><div class="card widget"><div class="card-content"><h3 class="menu-label">最新文章</h3><article class="media"><div class="media-content size-small"><p><time dateTime="2020-06-06T07:06:30.000Z">2020-06-06</time></p><p class="title is-6"><a class="link-muted" href="/2020/06/06/webpack-multi-config/">继续学习webpack，webpack的多入口，多配置文件等.</a></p><p class="is-uppercase"><i class="fas fa-folder-open has-text-grey"> </i><a class="link-muted" href="/categories/webpack/">webpack</a></p></div></article><article class="media"><div class="media-content size-small"><p><time dateTime="2020-05-30T10:34:00.000Z">2020-05-30</time></p><p class="title is-6"><a class="link-muted" href="/2020/05/30/StructOfData-DLinkList-TwoDirection/">数据结构 双向循环链表</a></p><p class="is-uppercase"><i class="fas fa-folder-open has-text-grey"> </i><a class="link-muted" href="/categories/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/">数据结构</a></p></div></article><article class="media"><div class="media-content size-small"><p><time dateTime="2020-05-30T10:33:35.000Z">2020-05-30</time></p><p class="title is-6"><a class="link-muted" href="/2020/05/30/StructOfData-DLinkListRound/">数据结构 循环链表</a></p><p class="is-uppercase"><i class="fas fa-folder-open has-text-grey"> </i><a class="link-muted" href="/categories/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/">数据结构</a></p></div></article><article class="media"><div class="media-content size-small"><p><time dateTime="2020-05-30T09:59:10.000Z">2020-05-30</time></p><p class="title is-6"><a class="link-muted" href="/2020/05/30/StructOfData-LinkList-Operation/">数据结构 单链表的基本操作</a></p><p class="is-uppercase"><i class="fas fa-folder-open has-text-grey"> </i><a class="link-muted" href="/categories/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/">数据结构</a></p></div></article><article class="media"><div class="media-content size-small"><p><time dateTime="2020-05-30T07:25:03.000Z">2020-05-30</time></p><p class="title is-6"><a class="link-muted" href="/2020/05/30/StructOfData-SequenList-Operation/">数据结构 线性表的初始化及操作</a></p><p class="is-uppercase"><i class="fas fa-folder-open has-text-grey"> </i><a class="link-muted" href="/categories/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/">数据结构</a></p></div></article></div></div><div class="card widget"><div class="card-content"><div class="menu"><h3 class="menu-label">分类</h3><ul class="menu-list"><li><a class="level is-mobile is-marginless" href="/categories/Github/"><span class="level-start"><span class="level-item">Github</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile is-marginless" href="/categories/JavaScript/"><span class="level-start"><span class="level-item">JavaScript</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile is-marginless" href="/categories/Python/"><span class="level-start"><span class="level-item">Python</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-mobile is-marginless" href="/categories/Vue-js/"><span class="level-start"><span class="level-item">Vue.js</span></span><span class="level-end"><span class="level-item tag">20</span></span></a></li><li><a class="level is-mobile is-marginless" href="/categories/git/"><span class="level-start"><span class="level-item">git</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile is-marginless" href="/categories/node/"><span class="level-start"><span class="level-item">node</span></span><span class="level-end"><span class="level-item tag">6</span></span></a></li><li><a class="level is-mobile is-marginless" href="/categories/webpack/"><span class="level-start"><span class="level-item">webpack</span></span><span class="level-end"><span class="level-item tag">6</span></span></a></li><li><a class="level is-mobile is-marginless" href="/categories/web%E5%AD%A6%E4%B9%A0/"><span class="level-start"><span class="level-item">web学习</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile is-marginless" href="/categories/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/"><span class="level-start"><span class="level-item">数据结构</span></span><span class="level-end"><span class="level-item tag">4</span></span></a></li><li><a class="level is-mobile is-marginless" href="/categories/%E7%94%B5%E8%84%91%E7%9B%B8%E5%85%B3/"><span class="level-start"><span class="level-item">电脑相关</span></span><span class="level-end"><span class="level-item tag">3</span></span></a></li><a class="level is-mobile is-marginless" href="/categories/"><span class="level-start"><span class="level-item">查看全部&gt;&gt;</span></span></a></ul></div></div></div><div class="card widget"><div class="card-content"><div class="menu"><h3 class="menu-label">归档</h3><ul class="menu-list"><li><a class="level is-mobile is-marginless" href="/archives/2020/06/"><span class="level-start"><span class="level-item">六月 2020</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile is-marginless" href="/archives/2020/05/"><span class="level-start"><span class="level-item">五月 2020</span></span><span class="level-end"><span class="level-item tag">13</span></span></a></li><li><a class="level is-mobile is-marginless" href="/archives/2020/04/"><span class="level-start"><span class="level-item">四月 2020</span></span><span class="level-end"><span class="level-item tag">9</span></span></a></li><li><a class="level is-mobile is-marginless" href="/archives/2020/03/"><span class="level-start"><span class="level-item">三月 2020</span></span><span class="level-end"><span class="level-item tag">10</span></span></a></li><li><a class="level is-mobile is-marginless" href="/archives/2020/02/"><span class="level-start"><span class="level-item">二月 2020</span></span><span class="level-end"><span class="level-item tag">12</span></span></a></li><a class="level is-mobile is-marginless" href="/archives/"><span class="level-start"><span class="level-item">查看全部&gt;&gt;</span></span></a></ul></div></div></div><div class="card widget"><div class="card-content"><div class="menu"><h3 class="menu-label">标签</h3><div class="field is-grouped is-grouped-multiline"><div class="control"><a class="tags has-addons" href="/tags/Vue/"><span class="tag">Vue</span><span class="tag is-grey-lightest">19</span></a></div><div class="control"><a class="tags has-addons" href="/tags/webpack/"><span class="tag">webpack</span><span class="tag is-grey-lightest">5</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/"><span class="tag">数据结构</span><span class="tag is-grey-lightest">4</span></a></div><div class="control"><a class="tags has-addons" href="/tags/java/"><span class="tag">java</span><span class="tag is-grey-lightest">3</span></a></div><div class="control"><a class="tags has-addons" href="/tags/node/"><span class="tag">node</span><span class="tag is-grey-lightest">3</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E7%AC%94%E8%AE%B0/"><span class="tag">笔记</span><span class="tag is-grey-lightest">3</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Python-%E7%88%AC%E8%99%AB/"><span class="tag">Python,爬虫</span><span class="tag is-grey-lightest">2</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E9%A1%B9%E7%9B%AE/"><span class="tag">项目</span><span class="tag is-grey-lightest">2</span></a></div><div class="control"><a class="tags has-addons" href="/tags/CSS/"><span class="tag">CSS</span><span class="tag is-grey-lightest">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/ES6/"><span class="tag">ES6</span><span class="tag is-grey-lightest">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Github/"><span class="tag">Github</span><span class="tag is-grey-lightest">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Python/"><span class="tag">Python</span><span class="tag is-grey-lightest">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Vue%E7%AC%94%E8%AE%B0/"><span class="tag">Vue笔记</span><span class="tag is-grey-lightest">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Windows%E6%8A%80%E5%B7%A7/"><span class="tag">Windows技巧</span><span class="tag is-grey-lightest">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/babel/"><span class="tag">babel</span><span class="tag is-grey-lightest">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/git/"><span class="tag">git</span><span class="tag is-grey-lightest">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E6%BF%80%E6%B4%BB/"><span class="tag">激活</span><span class="tag is-grey-lightest">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E7%94%B5%E8%84%91/"><span class="tag">电脑</span><span class="tag is-grey-lightest">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E7%AC%94%E8%AE%B0-Vue-js-Webpack/"><span class="tag">笔记, Vue.js, Webpack</span><span class="tag is-grey-lightest">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E8%B7%A8%E5%9F%9F/"><span class="tag">跨域</span><span class="tag is-grey-lightest">1</span></a></div></div><div class="field is-grouped is-grouped-multiline"><a class="tags has-addons" href="/tags/"><span class="tag">查看全部&gt;&gt;</span></a></div></div></div></div></div></div></div></section><footer class="footer"><div class="container"><div class="level"><div class="level-start"><a class="footer-logo is-block mb-2" href="/"><img src="https://cdn.jsdelivr.net/gh/uncledwyane/imageBed/img/logo.png" alt="Wb&#039;s blog" height="28"></a><p class="size-small"><span>&copy; 2020 Wb's blog</span>  Powered by <a href="https://hexo.io/" target="_blank">Hexo</a> &amp; <a href="https://github.com/ppoffice/hexo-theme-icarus" target="_blank">Icarus</a>,Modify by <a href="https://github.com/removeif/hexo-theme-amazing" target="_blank">removeif</a> <br></p></div><div class="level-end"><div class="field has-addons"><p class="control"><a class="button is-transparent is-large" target="_blank" rel="noopener" title="Creative Commons" href="https://creativecommons.org/"><i class="fab fa-creative-commons"></i></a></p><p class="control"><a class="button is-transparent is-large" target="_blank" rel="noopener" title="Attribution 4.0 International" href="https://creativecommons.org/licenses/by/4.0/"><i class="fab fa-creative-commons-by"></i></a></p><p class="control"><a class="button is-transparent is-large" target="_blank" rel="noopener" title="Download on GitHub" href="https://github.com/removeif"><i class="fab fa-github"></i></a></p></div></div></div></div></footer><script src="https://cdnjs.loli.net/ajax/libs/moment.js/2.22.2/moment-with-locales.min.js"></script><script>moment.locale("zh-CN");</script><script>var IcarusThemeSettings = {
            site: {
                url: 'https://hywb.xyz',
                external_link: {"enable":true,"exclude":[]}
            },
            article: {
                highlight: {
                    clipboard: true,
                    fold: 'unfolded'
                }
            }
        };</script><script src="https://cdnjs.loli.net/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" defer></script><script src="/js/animation.js"></script><a id="back-to-top" title="回到顶端" href="javascript:;"><i class="fas fa-chevron-up"></i></a><script src="/js/back-to-top.js" defer></script><!--!--><script src="https://cdnjs.loli.net/ajax/libs/lightgallery/1.6.12/js/lightgallery-all.min.js" defer></script><script src="https://cdnjs.loli.net/ajax/libs/justifiedGallery/3.7.0/js/jquery.justifiedGallery.min.js" defer></script><!--!--><!--!--><!--!--><script src="/js/toc.js" defer></script><script src="/js/main.js" defer></script><script>$.getScript('/js/comment-issue-data.js',function(){loadIssueData('jEO65FCCVCAiARdU3RxjtOCJ-gzGzoHsz','1N2c9aedff0KFRrS6cJL6IHK','Bo','undefined',true);})</script><link rel="stylesheet" href="/css/insight.css"><div class="searchbox ins-search"><div class="searchbox-container ins-search-container"><div class="searchbox-input-wrapper"><input class="searchbox-input ins-search-input" type="text" placeholder="想要查找什么..."><span class="searchbox-close ins-close ins-selectable"><i class="fa fa-times-circle"></i></span></div><div class="searchbox-result-wrapper ins-section-wrapper"><div class="ins-section-container"></div></div></div></div><script>(function (window) {
            var INSIGHT_CONFIG = {
                TRANSLATION: {
                    POSTS: '文章',
                    PAGES: '页面',
                    CATEGORIES: '分类',
                    TAGS: '标签',
                    UNTITLED: '(无标题)',
                },
                CONTENT_URL: '/content.json',
            };
            window.INSIGHT_CONFIG = INSIGHT_CONFIG;
        })(window);</script><script src="/js/insight.js" defer></script></body></html>